@charset "utf-8";

/* HEADER */
header{
	width:auto; 
	height:auto; 
	text-align:left;
	margin:0px auto 0px 220px;
	overflow:hidden;
	border:0px !important;
	position:relative;
}



/* MENU */
nav{
	z-index:602; 
	border:0px !important;
	vertical-align:middle;
	text-align:center; 
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	width:200px;
	position:fixed;
	float:left;
	height:100%;
	padding:5px;
	top:0px;
}

nav li{
   list-style: none;
   position:relative; /* importante, para que el submenu tome la posición correcta*/
   height:25px;
   vertical-align:middle;
   padding:3px;
   width:96%;
   position:relative;
   float:left;
   border-radius:5px 0px 0px 5px;
   margin:2px;
}

div#searching{position:absolute;bottom:20px;left:10px;}

nav li.parent:hover{
   margin:-1px;
}
nav li li a{
   width:200px;
   display:block;
}

nav li ul {
   width: 204px;
   margin:0;
   display:none;
   position: absolute;
   left: 100%;
   top:-1px;
   list-style:none;
   padding:2px;
   border-radius:0px 5px 5px 0px;
   border:0px !important;
}

nav li ul li{
   position: relative;
   float:left;
   list-style:none;
   margin:0px;
   border-radius:0px 5px 5px 0px;
   margin:2px;
   width:194px;
   
}

nav li:hover ul {
   display: block;
}

div#main{
	width:1000px;
	position:relative;
	float:left;
	margin-left:220px;
}

aside#barraRight{
	position:relative;
	float:right;
	width:200px;
	margin:10px;
}

section#central{
	position:relative;
	float:right;
	width:750px;
	margin:10px;
}



/* MODO EDICIÓN */


.menuedit,.menuedito{
   display:none;
   width:15px;
   height:15px;
   position:absolute;
   top:0px;
   left:0px;
}
.menuerase,.menueraseo{
   display:none;
   width:15px;
   height:15px;
   position:absolute;
   top:0px;
   left:20px;
}
.editin{
   display:none;
   width:20px;
   height:20px;
   position:absolute;
   top:5px;
   right:5px;
}



nav li ul li:hover img.menuedit{
	display:block;
}
nav li ul li:hover img.menuerase{
	display:block;
}
nav li ul li:hover img.editin{
	display:block;
}

nav li:hover img.menuedito {
   display: block;
}
nav li:hover img.menueraseo {
   display: block;
}

/*MODO EDICIÓN </>*/



